<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - Xiaomi 12、Redmi K50、MIX FOLD，小米电视官方网站</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./less/XiaoMi.css">
    <link rel="stylesheet" href="./swiper/swiper.css">
    <link rel="stylesheet" href="./swiper/swiper.min.css">
    <link rel="stylesheet" href="./font/font.css">
    <link rel="shortcut icon" href="./icon/icon.png" type="image/x-icon">
    <script src="./js/XiaoMi.js"></script>
    <script src="./swiper/swiper-bundle.js"></script>
</head>

<body>
    <!-- head -->
    <div class="nav-wrap">
        <div class="nav wrap">
            <ul class="left">
                <li>小米官网</li>
                <span>|</span>
                <li>小米商城</li>
                <span>|</span>
                <li>MIUI</li>
                <span>|</span>
                <li>lOT</li>
                <span>|</span>
                <li>云服务</li>
                <span>|</span>
                <li>天星数科</li>
                <span>|</span>
                <li>有品</li>
                <span>|</span>
                <li>小爱开放平台</li>
                <span>|</span>
                <li>企业团购</li>
                <span>|</span>
                <li>资质证照</li>
                <span>|</span>
                <li>下载app</li>
                <span>|</span>
                <li>Select Location</li>
            </ul>

            <ul class="right">
                <li>登录</li>
                <li>注册</li>
                <li>消息通知</li>
                <li class="car" value="0">购物车(0)</li>
            </ul>
        </div>

    </div>
    <!-- head -->

    <div style="background-color: #fff; height: 750px;">
        <!-- search -->
        <div class="search-wrap">
            <div class="search wrap">
                <div class="logo">
                    <a href="https:www.xiaomi.com" target="_blank">
                        <img src="./icon/icon.png" alt="" title="小米官网">
                    </a>
                </div>
                <div class="key">
                    <div class="keyword">
                        <span>Xiaomi手机</span>
                        <span>Redmi手机</span>
                        <span>电视</span>
                        <span>笔记本</span>
                        <span>平板</span>
                        <span>家电</span>
                        <span>路由器</span>
                        <span>服务中心</span>
                        <span>社区</span>
                    </div>
                    <!-- 搜索框 -->
                    <div class="searchBar">
                        <div class="icon"></div>
                        <div class="textInput">
                            <input type="text" placeholder="请输入关键字" class="text" id="text">
                            <input type="submit" value="搜索" id="go" class="go">
                            <div class="clear" id="clear"></div>
                        </div>
                    </div>
                    <!-- 搜索框 -->
                </div>
            </div>
        </div>
        <!-- search -->

        <!-- main -->
        <div class="main wrap">
            <div class="main-left">
                <a href="#">手机</a>
                <a href="#">电视</a>
                <a href="#">家电</a>
                <a href="#">笔记本 平板</a>
                <a href="#">出行 穿戴</a>
                <a href="#">耳机音箱</a>
                <a href="#">健康 儿童</a>
                <a href="#">生活 箱包</a>
                <a href="#">智能 路由器</a>
                <a href="#">电源 配件</a>
            </div>

            <div class="main-right">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt6.jpg)"></div>
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt1.jpg)"></div>
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt2.webp)"></div>
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt3.webp)"></div>
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt4.webp)"></div>
                        <div class="swiper-slide" style="background-image:url(./imgs/lbt/lbt5.webp)"></div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Swiper -->

        <!-- main -->

        <!-- ad -->
        <div class="ad wrap">
            <div class="ad-nav">
                <div class="top">
                    <div class="one">
                        <i class="iconfont">&#xe64d;</i>
                        <span>保障服务</span>
                    </div>
                    <div class="one">
                        <i class="iconfont">&#xe646;</i>
                        <span>企业团购</span>
                    </div>
                    <div class="one">
                        <i class="iconfont">&#xe600;</i>
                        <span>F码通道</span>
                    </div>
                </div>
                <div class="bottom">
                    <div class="one">
                        <i class="iconfont">&#xe894;</i>
                        <span>米粉卡</span>
                    </div>
                    <div class="one">
                        <i class="iconfont">&#xe605;</i>
                        <span>以旧换新</span>
                    </div>
                    <div class="one">
                        <i class="iconfont">&#xe66f;</i>
                        <span>话费充值</span>
                    </div>
                </div>
            </div>

            <div class="ad1">
                <img src="./imgs/ad/ad1.jpg" alt="">
            </div>

            <div class="ad2">
                <img src="./imgs/ad/ad2.jpg" alt="">
            </div>

            <div class="ad3">
                <img src="./imgs/ad/ad3.jpg" alt="">
            </div>
        </div>
        <!-- ad -->
    </div>
    </div>
    <!-- longad -->
    <div class="longad wrap">
        <img src="./imgs/ad/banner.webp" alt="">
    </div>
    <!-- longad -->


    <!-- title -->
    <div class="title wrap">
        <h2>手机</h2>
        <span>查看更多</span>
    </div>
    <!-- titile -->

    <!-- phone -->
    <div class="phone wrap">
        <div class="left">
            <img src="./imgs/phone/phone1.webp" alt="">
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/phone/smphone1.webp" alt="">
                    <h1>Redmi 12C</h1>
                    <p>高性能长续航,5000万像素超强双摄</p>
                    <span style="text-decoration: line-through;">699元起</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone2.webp" alt="">
                    <h1>Redmi K60</h1>
                    <p>骁龙8+ | 2K 高光直屏幕 | 5500mAh+67...</p>
                    <span>2499元起</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone3.webp" alt="">
                    <h1>Redmi K60 Prp</h1>
                    <p>[第二代骁龙8] 狂暴引擎</p>
                    <span>3299元起</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone4.webp" alt="">
                    <h1>Redmi Note 12 Pro 极速版</h1>
                    <p>高通骁龙778G,OLED柔性直屏+一亿...</p>
                    <span style="text-decoration: line-through;">1699元起</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/phone/smphone5.webp" alt="">
                    <h1>Xiaomi 12 限量定制色</h1>
                    <p>全新第二代 骁龙8 | 徕卡专业光学镜头...</p>
                    <span>4999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone6.webp" alt="">
                    <h1>Xiaomi 13 Pro</h1>
                    <p>全新第二代 骁龙8 | 徕卡专业光学镜头...</p>
                    <span>4999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone7.webp" alt="">
                    <h1>Xiaomi 13</h1>
                    <p>全新第二代 骁龙8 | 徕卡专业光学镜头...</p>
                    <span>3999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/phone/smphone8.webp" alt="">
                    <h1>Redmi Note 12 5G</h1>
                    <p>三星 OLED 护眼屏 | 骁龙 5G 芯 |50...</p>
                    <span>1199元起</span>
                </div>
            </div>
        </div>
    </div>
    <!-- phone -->


    <!-- title -->
    <div class="title wrap">
        <h2>智能穿戴</h2>
        <span>耳机&nbsp;&nbsp;穿戴</span>
    </div>
    <!-- titile -->


    <!-- watch -->
    <div class="phone wrap">
        <div class="left">
            <img src="./imgs/watch/watch.webp" alt="">
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/ej/ej1.webp" alt="">
                    <h1>Xiaomi Buds 4 Pro</h1>
                    <p>48dB智能动态降噪 | 骨声纹通话降噪...</p>
                    <span>1049元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/ej/ej2.webp" alt="">
                    <h1>Xiaomi Buds Pro</h1>
                    <p>40dB自适应降噪 | 空间音频 | HiFi...</p>
                    <span style="text-decoration: line-through;">549元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/ej/ej3.webp" alt="">
                    <h1>Xiaomi Buds 3</h1>
                    <p>40dB自适应降噪 | HiFi高保真音质 | ...</p>
                    <span>319元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/ej/ej4.webp" alt="">
                    <h1>Redmi Buds 4</h1>
                    <p>35dB自适应降噪 | AI 通话降噪 | 30...</p>
                    <span style="text-decoration: line-through;">199元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/ej/ej5.webp" alt="">
                    <h1>小米真无线蓝牙耳机Air2 SE</h1>
                    <p>轻巧半入耳 | 通话降噪 | 20小时长续航</p>
                    <span>159元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/ej/ej6.webp" alt="">
                    <h1>Redmi Buds 3</h1>
                    <p>大尺寸动圈单元 | 双麦克风通话降噪...</p>
                    <span>99元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/ej/ej7.webp" alt="">
                    <h1>Xiaomi骨传导耳机</h1>
                    <p>小米首款骨传导耳机...</p>
                    <span>699元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>Xiaomi降噪蓝牙耳机</h1>
                            <p>Necklace</p>
                            <span>499元</span>
                        </div>
                        <img src="./imgs/ej/ej8.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>耳机</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- watch -->

    <!-- title -->
    <div class="title wrap">
        <h2>笔记本 | 平板</h2>
        <span>热门</span>
    </div>
    <!-- titile -->

    <!-- pb -->
    <div class="phone wrap">
        <div class="left">
            <img src="./imgs/computer/dn.webp" alt="">
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/computer/dn1.webp" alt="">
                    <h1>Redmi G 游戏本 2022</h1>
                    <p>16英寸 2.5K 165Hz 电竞大屏...</p>
                    <span>7499元起</span>
                </div>
                <div class="phones">
                    <img src="./imgs/computer/dn2.webp" alt="">
                    <h1>小米笔记本 Pro X 14</h1>
                    <p>高能旗舰 轻薄力作...</p>
                    <span style="text-decoration: line-through;">6999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/computer/dn3.webp" alt="">
                    <h1>Redmi Book Pro 14 2022</h1>
                    <p>全新12代英特尔处理器,2.5K 120Hz...</p>
                    <span>5399元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/computer/dn4.webp" alt="">
                    <h1>Redmi Book Pro 15 2022 锐龙版</h1>
                    <p>可选全新锐龙7 8800H处理器,3.2K...</p>
                    <span>5499元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/pad/pb1.webp" alt="">
                    <h1>Redmi Pad</h1>
                    <p>入门平板,屏幕/外观/系统三大升级</p>
                    <span>1169元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/pad/pb2.webp" alt="">
                    <h1>小米平板5 Pro</h1>
                    <p>骁龙870芯片 | 2.5K超清 | 120Hz高...</p>
                    <span>2199元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/pad/pb3.webp" alt="">
                    <h1>小米平板5 Pro 12.4</h1>
                    <p>12.4英寸超大屏 | MUUI Pad 大屏定...</p>
                    <span>699元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>小米平板</h1>
                            <p>MiPad</p>
                            <span>1999元</span>
                        </div>
                        <img src="./imgs/pad/pb4.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>热门</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- pb -->

    <!-- title -->
    <div class="title wrap">
        <h2>家电</h2>
        <span>热门&nbsp;&nbsp;家电影音</span>
    </div>
    <!-- titile -->

    <!-- jd -->
    <div class="phone wrap">
        <div class="left double">
            <div class="top">
                <img src="./imgs/jd/jd1.webp" alt="">
            </div>
            <div class="bottom">
                <img src="./imgs/jd/jd6.webp" alt="">
            </div>
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/jd/jd2.webp" alt="">
                    <h1>小米电视6 65 OLED</h1>
                    <p>OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏.</p>
                    <span>6699元起</span>
                </div>
                <div class="phones">
                    <img src="./imgs/jd/jd3.webp" alt="">
                    <h1>
                        小米电视6 至尊版 65英寸
                    </h1>
                    <p>百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
                    <span>6899元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/jd/jd4.webp" alt="">
                    <h1>
                        小米电视 ES55 2022款
                    </h1>
                    <p>多分区背光 | MEMC动态补偿 | 杜比视界</p>
                    <span>2499元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/jd/jd5.webp" alt="">
                    <h1>巨省电 小米空调 1匹新1级能效</h1>
                    <p>强劲制冷 | 高效节能 | 智能互联</p>
                    <span style="text-decoration: line-through;">2249元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/jd/jd7.webp" alt="">
                    <h1>
                        米家新风空调 立式3匹
                    </h1>
                    <p>全屋快通风，就要大新风</p>
                    <span>6999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/jd/jd8.webp" alt="">
                    <h1>
                        米家分区洗烘一体机 15kg
                    </h1>
                    <p>健康分开洗 一台就够了</p>
                    <span>4999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/jd/jd9.webp" alt="">
                    <h1>
                        米家直驱滚筒洗衣机10kg
                    </h1>
                    <p>高效除菌除螨，深层健康守护</p>
                    <span style="text-decoration: line-through;">1399元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>洗衣机</h1>
                            <p>10kg</p>
                            <span">1099元</span>
                        </div>
                        <img src="./imgs/jd/jd10.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>热门</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- jd -->


    <!-- livetitle -->
    <div class="live wrap">
        <div class="left">
            生活电器
        </div>
        <div class="right">
            <span>电暖器</span>
            <span>扫地机</span>
            <span>空净</span>
            <span>清洁</span>
        </div>
    </div>
    <!-- livetitle -->


    <!-- live -->
    <div class="phone wrap">
        <div class="left double">
            <div class="top">
                <img src="./imgs/live/live1.webp" alt="">
            </div>
            <div class="bottom">
                <img src="./imgs/live/live6.webp" alt="">
            </div>
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/live/live3.webp" alt="">
                    <h1>
                        米家净水器1600G
                    </h1>
                    <p>2.1秒一杯水，还原自来水的澎湃流速.</p>
                    <span>3999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live4.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live5.webp">
                    <h1>
                        小米即热净水器Q600
                    </h1>
                    <p>净热一体，1秒速热，精选调温每1℃</p>
                    <span>2699元</span>
                </div>
                <div class=" phones">
                    <img src="./imgs/live/live2.webp">
                    <h1>
                        小米净水器H600G
                    </h1>
                    <p>纯净生活双出水，六级过滤健康直饮</p>
                    <span style=" text-decoration: line-through;">1249元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/live/live7.webp" alt="">
                    <h1>
                        米家净水器1000G
                    </h1>
                    <p>澎湃大水量，5年免换RO滤芯</p>
                    <span>2199元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live8.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live9.webp" alt="">
                    <h1>
                        小米净水器H800G Pro
                    </h1>
                    <p>长效过滤，鲜活好水随心出</p>
                    <span style="text-decoration: line-through;">1799元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>小米即热净水器</h1>
                            <p>Q800</p>
                            <span">3699元</span>
                        </div>
                        <img src="./imgs/live/live10.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>电暖器</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- live -->


    <!-- cookitle -->
    <div class="live wrap">
        <div class="left">
            厨房电器
        </div>
        <div class="right">
            <span>净水器</span>
            <span>烟灶</span>
            <span>电饭煲</span>
            <span>微烤箱</span>
        </div>
    </div>
    <!-- cookitle -->


    <!-- cook -->
    <div class="phone wrap">
        <div class="left double">
            <div class="top">
                <img src="./imgs/cook/cook1.webp" alt="">
            </div>
            <div class="bottom">
                <img src="./imgs/cook/cook6.webp" alt="">
            </div>
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/cook/coook3.webp" alt="">
                    <h1>
                        米家侧吸烟灶套装S1 天然气
                    </h1>
                    <p>挥手即排，洁净烹饪</p>
                    <span style="text-decoration: line-through;">1599元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/cook/cook4.webp" alt="">
                    <h1>
                        米家跨界烟灶套装S1 天然气
                    </h1>
                    <p>油烟挥手控，干净又轻松</p>
                    <span>2299元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/cook/cook5.webp">
                    <h1>
                        米家互联网吸油烟机
                    </h1>
                    <p>颜值过人的大吸力油烟机</p>
                    <span>1499元</span>
                </div>
                <div class=" phones">
                    <img src="./imgs/cook/cook6.webp">
                    <h1>
                        颜值过人的大吸力油烟机
                    </h1>
                    <p>纯净生活双出水，六级过滤健康直饮</p>
                    <span style=" text-decoration: line-through;">399元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/cook/cook7.webp" alt="">
                    <h1>
                        米家智能侧吸油烟机
                    </h1>
                    <p>颜值过人的大吸力侧吸油烟机</p>
                    <span>899元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/cook/cook8.webp" alt="">
                    <h1>
                        米家智能燃气灶
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/cook/cook9webp.webp" alt="">
                    <h1>
                        米家燃气灶S1 4200W
                    </h1>
                    <p>长效过滤，鲜活好水随心出</p>
                    <span style="text-decoration: line-through;">1799元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>小米即热净水器</h1>
                            <p>Q800</p>
                            <span">3699元</span>
                        </div>
                        <img src="./imgs/cook/cook10.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>电暖器</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- cook -->


    <!-- smarttitle -->
    <div class="live wrap">
        <div class="left">
            智能家具
        </div>
        <div class="right">
            <span>音响</span>
            <span>门锁门铃</span>
            <span>路由器</span>
            <span>智能设备</span>
        </div>
    </div>
    <!-- smarttitle -->


    <!-- smart -->
    <div class="phone wrap">
        <div class="left double">
            <div class="top">
                <img src="./imgs/smart/smart1.webp" alt="">
            </div>
            <div class="bottom">
                <img src="./imgs/smart/smart6.webp" alt="">
            </div>
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/live/live3.webp" alt="">
                    <h1>
                        米家净水器1600G
                    </h1>
                    <p>2.1秒一杯水，还原自来水的澎湃流速.</p>
                    <span>3999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live4.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live5.webp">
                    <h1>
                        小米即热净水器Q600
                    </h1>
                    <p>净热一体，1秒速热，精选调温每1℃</p>
                    <span>2699元</span>
                </div>
                <div class=" phones">
                    <img src="./imgs/live/live2.webp">
                    <h1>
                        小米净水器H600G
                    </h1>
                    <p>纯净生活双出水，六级过滤健康直饮</p>
                    <span style=" text-decoration: line-through;">1249元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/live/live7.webp" alt="">
                    <h1>
                        米家净水器1000G
                    </h1>
                    <p>澎湃大水量，5年免换RO滤芯</p>
                    <span>2199元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live8.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live9.webp" alt="">
                    <h1>
                        小米净水器H800G Pro
                    </h1>
                    <p>长效过滤，鲜活好水随心出</p>
                    <span style="text-decoration: line-through;">1799元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>小米即热净水器</h1>
                            <p>Q800</p>
                            <span">3699元</span>
                        </div>
                        <img src="./imgs/live/live10.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>电暖器</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- smart -->


    <!-- sporttitle -->
    <div class="live wrap">
        <div class="left">
            运动出行
        </div>
        <div class="right">
            <span>平衡车/滑板车</span>
            <span>运动健身</span>
            <span>箱包配饰</span>
            <span>出行工具</span>
        </div>
    </div>
    <!-- sporttitle -->


    <!-- sport -->
    <div class="phone wrap">
        <div class="left double">
            <div class="top">
                <img src="./imgs/out/out1.webp" alt="">
            </div>
            <div class="bottom">
                <img src="./imgs/out/out6.webp" alt="">
            </div>
        </div>

        <div class="right">
            <div class="top">
                <div class="phones">
                    <img src="./imgs/live/live3.webp" alt="">
                    <h1>
                        米家净水器1600G
                    </h1>
                    <p>2.1秒一杯水，还原自来水的澎湃流速.</p>
                    <span>3999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live4.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live5.webp">
                    <h1>
                        小米即热净水器Q600
                    </h1>
                    <p>净热一体，1秒速热，精选调温每1℃</p>
                    <span>2699元</span>
                </div>
                <div class=" phones">
                    <img src="./imgs/live/live2.webp">
                    <h1>
                        小米净水器H600G
                    </h1>
                    <p>纯净生活双出水，六级过滤健康直饮</p>
                    <span style=" text-decoration: line-through;">1249元</span>
                </div>
            </div>

            <div class="bottom">
                <div class="phones">
                    <img src="./imgs/live/live7.webp" alt="">
                    <h1>
                        米家净水器1000G
                    </h1>
                    <p>澎湃大水量，5年免换RO滤芯</p>
                    <span>2199元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live8.webp" alt="">
                    <h1>
                        小米双核净水器1200G
                    </h1>
                    <p>3.2L/min大流量，鲜活首杯水</p>
                    <span>2999元</span>
                </div>
                <div class="phones">
                    <img src="./imgs/live/live9.webp" alt="">
                    <h1>
                        小米净水器H800G Pro
                    </h1>
                    <p>长效过滤，鲜活好水随心出</p>
                    <span style="text-decoration: line-through;">1799元</span>
                </div>
                <div class="more">
                    <div class="top">
                        <div class="left">
                            <h1>小米即热净水器</h1>
                            <p>Q800</p>
                            <span">3699元</span>
                        </div>
                        <img src="./imgs/live/live10.webp" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>浏览更多</span>
                            <p>电暖器</p>
                        </div>
                        <div class="right iconfont">
                            &#xe776;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- sport -->


    <div class="footer-banner wrap">
        <img src="./imgs/ad/banner2.webp" alt="">
    </div>


    <!-- footer -->
    <div class="footer">
        <div class="top wrap">
            <a href="#">预约维修服务</a>
            <a href="#">7天无理由退货</a>
            <a href="#">15天免费换货</a>
            <a href="#">满69包邮</a>
            <a href="#">1100余家售后网点</a>
        </div>
        <hr size="1" color="gray">
        <div class="bottom wrap">
            <dl>
                <dt>选购指南</dt>
                <dd>手机</dd>
                <dd>电视</dd>
                <dd>笔记本</dd>
                <dd>平板</dd>
                <dd>穿戴</dd>
                <dd>耳机</dd>
                <dd>家电</dd>
                <dd>路由器</dd>
                <dd>音响</dd>
                <dd>配件</dd>
            </dl>
            <dl>
                <dt>服务中心</dt>
                <dd>申请售后</dd>
                <dd>售后政策</dd>
                <dd>维修服务价格</dd>
                <dd>修改订单</dd>
                <dd>以旧换新</dd>
                <dd>保障服务</dd>
                <dd>防伪查询</dd>
                <dd>F码通道</dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店/专区</dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>环境,社会即管制</dd>
                <dd>廉洁举报</dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
            </dl>

            <div class="tel">
                <span>13345204540</span>
                <p>8:00-18:00(仅收市话费)</p>
                <a>人工客服</a>
            </div>
        </div>

    </div>
    <!-- footer -->


    <center>

        <div class="footer-title">
            <div class="top">
                小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 音乐 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 |
                问题反馈 | Select Location
            </div>
        </div>
    </center>



</body>

</html>